$(function () {
    $('#jqGrid').jqGrid({
        colModel: [
            {label: 'id', name: 'itemId', key: true, hidden: true},
            {label: '用户id', name: 'userId', width: 100},
            {label: '被联系用户id', name: 'contactUserId', width: 100},
            {label: '联系时间', name: 'createTime'}
        ],

        autowidth: true, // 填充宽度到父容器
        height: 500,
        styleUI: 'Bootstrap', // 使用Bootstrap样式渲染表格
        multiselect: true, // 启用多选模式，允许用户选择多行
        rowNum: 10, // 指定初始每页显示的行数为10行
        rowList: [10, 20, 50], // 设置用户可以选择的每页行数选项
        emptyrecords: '无记录（可刷新重试）',

        url: '/admin/contactItems/list',
        datatype: 'json',
        postData: {
            userId: undefined, // 留着给搜索框
            loginId: undefined, // 留着给搜索框
        },
        jsonReader: {
            root: 'data.list',
            total: 'data.totalPage',
            records: 'data.totalCount',
        },

        pager: "#jqGridPager", // 指定分页栏的容器，分页栏的内容将显示在具有该ID的元素中
        // 定义分页事件处理函数
        onPaging: function (pgButton) {
            // 检查用户点击的按钮是否是 "user"，即跳转按钮
            if (pgButton === 'user') {
                let pageInput = $(".ui-pg-input", "#gbox_" + this.id); // 获取页码输入框
                let pageValue = pageInput.val(); // 获取输入框中的值
                // 判断页码合理
                if (pageValue > $(this).jqGrid('getGridParam', 'lastpage')) {
                    pageInput.val($(this).jqGrid('getGridParam', 'lastpage'));
                }
            }
        },
    });

    // 窗口变化时调整宽度
    $(window).resize(function () {
        $("#jqGrid").setGridWidth($(".card-body").width());
    });

    // 搜索id
    $('#searchUserId').click(function () {
        $(this).attr('disabled', true);
        var searchUserId = $('#inputUserId').val();
        if (isEmpty(searchUserId)) {
            $("#jqGrid").jqGrid('setGridParam', {page: 1}); // 从第一页开始
            $("#jqGrid").jqGrid('getGridParam', 'postData').userId = undefined;
            $("#jqGrid").trigger("reloadGrid");
        } else {
            $("#jqGrid").jqGrid('setGridParam', {page: 1}); // 从第一页开始
            $("#jqGrid").jqGrid('getGridParam', 'postData').userId = searchUserId;
            $("#jqGrid").trigger("reloadGrid");
        }
        $(this).attr('disabled', false);
    });
});